<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <link rel="stylesheet" href="../css/register.css">
    <link rel="stylesheet" href="../css/header.css">
    <link rel="stylesheet" href="../css/footer.css">
    <title></title>
  </head>
  <body>
    <header>
    </header>
    <div class="contianer">
      <form id="register">
        <h1>注册</h1>
        <div id="register_left">
          <dl>
            <dt id="new_present">新会员礼遇</dt>
            <dd>-首单礼赠</dd>
            <dd>-新品资讯</dd>
            <dd>-官网活动</dd>
            <dd>-积分好礼</dd>
            <dd>-在线资讯</dd>
          </dl>
        </div>
        <div id="register_right">
          <ul class="register_name">
            <li><span class="red">*</span>姓名</li>
            <li>我是已经注册用户，前往<a href="/html/login.html" class="red">登录</a></li>
          </ul>
          <input type="text" name="username" id="username" placeholder="输入姓名">

          <dl class="register_birth">
            <dt><span class="red">*</span>出生日期</dt>
            <dd>
              <input type="text" placeholder="请选择年份" name="year" class="register_date">年-
              <img src="/images/dot_icon.jpg" alt="" class="dot_icon">
              <ul class="show_date">
                <li>2018</li>
                <li>2017</li>
                <li>2016</li>
                <li>2015</li>
                <li>2014</li>
                <li>2013</li>
                <li>2012</li>
                <li>2011</li>
                <li>2000</li>
                <li>1999</li>
                <li>1998</li>
                <li>1997</li>
                <li>1996</li>
                <li>1995</li>
                <li>1994</li>
                <li>1993</li>
                <li>1992</li>
                <li>1991</li>
                <li>1990</li>
                <li>1989</li>
                <li>1988</li>
                <li>1987</li>
                <li>1986</li>
                <li>1985</li>
                <li>1984</li>
                <li>1983</li>
                <li>1982</li>
                <li>1981</li>
                <li>1980</li>
                <li>1979</li>
                <li>1978</li>
                <li>1977</li>
                <li>1976</li>
                <li>1975</li>
                <li>1974</li>
                <li>1973</li>
                <li>1972</li>
                <li>1971</li>
                <li>1970</li>
                <li>1969</li>
                <li>1968</li>
                <li>1967</li>
                <li>1966</li>
                <li>1965</li>
                <li>1964</li>
                <li>1963</li>
                <li>1962</li>
                <li>1961</li>
                <li>1960</li>
              </ul>
            </dd>
            <dd>
              <input type="text" placeholder="请选择月份" name="month" class="register_date">月-
              <img src="/images/dot_icon.jpg" alt="" class="dot_icon">
              <ul class="show_date">
                <li>1</li>
                <li>2</li>
                <li>3</li>
                <li>4</li>
                <li>5</li>
                <li>6</li>
                <li>7</li>
                <li>8</li>
                <li>9</li>
                <li>10</li>
                <li>11</li>
                <li>12</li>
              </ul>
            </dd>
            <dd>
              <input type="text" placeholder="请选择日期" name="day" class="register_date">日
              <img src="/images/dot_icon.jpg" alt="" class="dot_icon">
              <ul class="show_date">
                <li>1</li>
                <li>2</li>
                <li>3</li>
                <li>4</li>
                <li>5</li>
                <li>6</li>
                <li>7</li>
                <li>8</li>
                <li>9</li>
                <li>10</li>
                <li>11</li>
                <li>12</li>
                <li>13</li>
                <li>14</li>
                <li>15</li>
                <li>16</li>
                <li>17</li>
                <li>18</li>
                <li>19</li>
                <li>20</li>
                <li>21</li>
                <li>22</li>
                <li>23</li>
                <li>24</li>
                <li>25</li>
                <li>26</li>
                <li>27</li>
                <li>28</li>
                <li>29</li>
                <li>30</li>
                <li>31</li>
              </ul>
            </dd>
            <dd id="birth_info">填写生日信息，尊享生日礼券</dd>
          </dl>
          <dl class="reigster_sex">
            <dt><span class="red">*</span>性别</dt>
            <dd>
              <input type="radio" name="sex" value="woman">女
              <input type="radio" name="sex" value="man">男
            </dd>
          </dl>
          <dl class="reigster_phone">
            <dt><span class="red">*</span>手机号码</dt>
            <dd>
              <input type="text" name="phone" placeholder="输入手机号码" id="phoneInput" class="register_info">
            </dd>
          </dl>
          <dl class="reigster_password">
            <dt><span class="red">*</span>密码</dt>
            <dd>
              <input type="text" name="password" placeholder="输入密码" id="passwordInput" class="register_info">
            </dd>
            <dd class="attention">
              -由6-8位数字和英文字母组成<br>-为了保护您的账户安全，请勿以邮件名设为密码
            </dd>
          </dl>
          <dl class="reigster_password2">
            <dt><span class="red">*</span>密码确认</dt>
            <dd>
              <input type="text" placeholder="请再次输入密码" id="register_password2" class="register_info">
            </dd>
          </dl>
          <div class="read_accept">
            <input type="checkbox" value="true">
            <p>我已经阅读并接受<span class="red">《伊蒂之屋使用条款及隐私政策》</span></p>
          </div>
          <button id="register_btn">注册</button>
        </div>

      </form>
    </div>
    <footer>

    </footer>
    <script src="/libs/requirejs/require.js" data-main="/js/register"></script>
  </body>
</html>
